<template>
    <article>
        <header>输入框</header>
        <section>
            <header>颜色</header>
            <div>
                <cv-input c="input default medium distant"></cv-input>
                <cv-input c="input primary medium distant"></cv-input>
                <cv-input c="input success medium distant"></cv-input>
                <cv-input c="input warn medium distant"></cv-input>
                <cv-input c="input error medium distant"></cv-input>
            </div>
        </section>
        <section>
            <header>类型</header>
            <div>
                <cv-input type="textarea" c="input primary medium distant"></cv-input>
            </div>
        </section>
        <section>
            <header>大小</header>
            <div>
                <cv-input c="input primary large distant"></cv-input>
                <cv-input c="input primary medium distant"></cv-input>
                <cv-input c="input primary small distant"></cv-input>
                <cv-input c="input primary mini distant"></cv-input>
            </div>
        </section>
    </article>
</template>

<script>
    export default {
        name: "ExampleButton"
    }
</script>

<style scoped>
</style>
